<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>大货订单</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- bootstrap 3.0.2 -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <!-- daterange picker -->
    <link href="../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/datepicker/datepicker3.css" />
    <!--fullcalendar-->
    <link rel="stylesheet" type="text/css" href="../css/fullcalendar/fullcalendar.css"/>
    <!-- Theme style -->
    <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="../css/myself.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/pagination.css" />
    <link rel="stylesheet" href="../css/rqj.css" />


    <!-- jQuery 2.0.2 -->
    <script src="../js/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
    <!-- bootstrap time picker -->
    <script src="../js/plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
    <!-- AdminLTE App -->
    <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
    <script src="../js/common.js" type="text/javascript"></script>

    <style>
        .r_input{width: 18%;height: 2em;}
        .r_select{width: 15%;height: 2em;}
        .grey{color: #ddd;}
        input[type="radio"], input[type="checkbox"]{margin-right: 5px;}
        .btn.btn-success{padding:6px 12px;}
        .btn.btn-default{padding:6px 12px;}
    </style>
</head>
<body class="skin-blue">
    <div class="wrapper row-offcanvas row-offcanvas-left" id="wrapper">

        <!-- Right side column. Contains the navbar and content of the page -->
        <aside class="right-side">
            <section class="content-header" style="position: relative;">
                <h1>打样订单</h1>
                <div class="pull-right" style="position: absolute; top: 10px; right: 10px;">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal2">创建打样订单</button>
                </div>
            </section>
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box">
                            <div class="box-header find-box">
                                <div class="design-order-top center clearfix"  style="margin-bottom: 10px;">
                                    <div  class="fl clearfix">
                                        <div id="calendar" class="fc fc-ltr">
                                            <table class="fc-header" style="width: 100%;">
                                                <tr>
                                                    <td class="fc-header-left">
                                                        <span class="fc-button fc-button-month fc-state-default fc-corner-left fc-state-active" unselectable="on" style="-moz-user-select: none;">全部</span>
                                                        <span class="fc-button fc-button-agendaWeek fc-state-default" unselectable="on" style="-moz-user-select: none;">待打样（20）</span>
                                                        <span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right" unselectable="on" style="-moz-user-select: none;">待制版（10）</span>
                                                        <span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right" unselectable="on" style="-moz-user-select: none;">打样中（20）</span>
                                                        <span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right" unselectable="on" style="-moz-user-select: none;">待报价（0）</span>
                                                        <span class="fc-button fc-button-agendaDay fc-state-default fc-corner-right" unselectable="on" style="-moz-user-select: none;">已完成（0）</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <a href="###" class="red fr more" style="color: red;">有五单已超期>></a>
                                </div>
                                <div class="pull-left find-row" style="padding-left: 10px;">
                                    <div class="pull-left find-col">
                                        <label class="pull-left">
                                            <input type="text" placeholder="输入订单号"/>
                                        </label>
                                        <label class="pull-left">
                                            <input type="text" placeholder="输入公司名或简称"/>
                                        </label>
                                        <label class="pull-left">
                                            <select class="input-md" id="category" >
                                                <option value="">选择工厂</option>
                                                <option value="001">工厂1</option>
                                                <option value="002">工厂2</option>
                                                <option value="003">工厂3</option>
                                            </select>
                                        </label>
                                        <label class="pull-left">
                                            <select class="input-md" id="level">
                                                <option value="">选择项目经理</option>
                                                <option value="001">李经理</option>
                                                <option value="002">王经理</option>
                                                <option value="003">周经理</option>
                                            </select>
                                        </label>
                                        <label class="pull-left">
                                            <select class="input-md" id="level">
                                                <option value="">选择销售</option>
                                                <option value="001">销售1</option>
                                                <option value="002">销售2</option>
                                                <option value="003">销售3</option>
                                            </select>
                                        </label>
                                        <div class="pull-left" style="margin-left: 5px;">
                                            <button type="button" class="btn btn-primary">搜索</button>
                                        </div>
                                    </div>
                                </div>

                            </div><!-- /.box-header -->


                            <div class="clearfix search-div center">
                                <div class="clearfix"></div>
                                <form action="#" method="get">
                                    <table class="table table-bordered text-center order-table">
                                        <tbody>
                                        <tr>
                                            <td style="border: 0;" width="36%">客户信息</td>
                                            <td style="border: 0;" width="17%">打样数量</td>
                                            <td style="border: 0;" width="17%">工厂</td>
                                            <td style="border: 0;" width="17%">状态</td>
                                            <td>操作</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <div style="margin-bottom: 10px;">
                                		<span style="margin-right: 20px;">
                                			<input type="checkbox" />全选
                                		</span>
                                        <span style="margin-right: 10px;">批量安排工厂</span>
                                        <span>批量报价</span>
                                    </div>
                                    <table class="table table-bordered text-center order-list">
                                        <tr>
                                            <td  colspan="5"  class="top-list">
                                                <div class="pull">
				                    				<span class="pull-left" style="border: none;">
					                    				<span>
					                    					<input type="checkbox" />
					                    					2016/10/12
					                    				</span>&nbsp;&nbsp;&nbsp;
					                    				<span>订单号：357647893276</span>
					                    			</span>
					                    			<span class="pull-right">
					                    				<span>客户交期：</span>
					                    				<span class="red">剩余2天</span>
					                    			</span>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="border: 0; width: 36%; text-align: left;">
                                                <i class="iconfont fl">&#xe6eb;</i>
                                                <div  class="order-text">
                                                    <p>
                                                        <span>小秀服（杭州小秀服科技有限公司）</span>
                                                        <i class="iconfont">&#xe6ee;</i>
                                                        <i class="iconfont">&#xe6ef;</i>
                                                    </p>
                                                    <p>产品分类：连衣裙 目标人群：18-28岁少女</p>
                                                    <p><i class="iconfont">&#xe6f4;</i>
                                                        客户需求：要求做工精致，不差钱</p>
                                                </div>
                                            </td>
                                            <td style="border-bottom: 0; width: 17%;">4</td>
                                            <td style="border-bottom: 0; width: 17%;"></td>
                                            <td style="border-bottom: 0; width: 17%;"  class="red">待打样</td>
                                            <td style="border-bottom: 0;">订单详情</td>
                                        </tr>
                                        <tr>
                                            <td  style="border: 0; padding-top: 0;" colspan="5">
                                                <table class="table table-bordered text-center order-list">
                                                    <tr>
                                                        <td colspan="5" class="left-text">
                                                            <input type="checkbox" />
                                                            <span>子订单号：111111111111111111111</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 36%; text-align: left;">
                                                            <div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
                                                                <div class="clear" style="clear: both;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="width: 17%;">1</td>
                                                        <td style="width: 17%;"></td>
                                                        <td style="width: 17%;">待打样</td>
                                                        <td>
                                                            <button type="button" class="btn btn-primary">安排工厂</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  style="border: 0; padding-top: 0;" colspan="5">
                                                <table class="table table-bordered text-center order-list">
                                                    <tr>
                                                        <td colspan="5" class="left-text">
                                                            <input type="checkbox" />
                                                            <span>子订单号：111111111111111111111</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 36%; text-align: left;">
                                                            <div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图2"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
                                                                <div class="clear" style="clear: both;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="width: 17%;">1</td>
                                                        <td style="width: 17%;">武汉纺织厂</td>
                                                        <td style="width: 17%;">待制版</td>
                                                        <td>
                                                            <button type="button" class="btn btn-primary">上传尺码表</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  style="border: 0; padding-top: 0;" colspan="5">
                                                <table class="table table-bordered text-center order-list">
                                                    <tr>
                                                        <td colspan="5" class="left-text">
                                                            <input type="checkbox" />
                                                            <span>子订单号：111111111111111111111</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 36%; text-align: left;">
                                                            <div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图3"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
                                                                <div class="clear" style="clear: both;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="width: 17%;">1</td>
                                                        <td style="width: 17%;">武汉纺织厂</td>
                                                        <td style="width: 17%;">打样中</td>
                                                        <td>
                                                            <button type="button" class="btn btn-primary">批版通过</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  style="border: 0; padding-top: 0;" colspan="5">
                                                <table class="table table-bordered text-center order-list">
                                                    <tr>
                                                        <td colspan="5" class="left-text">
                                                            <input type="checkbox" />
                                                            <span>子订单号：111111111111111111111</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 36%; text-align: left;">
                                                            <div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图4"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
                                                                <div class="clear" style="clear: both;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="width: 17%;">1</td>
                                                        <td style="width: 17%;">厦门纺织厂</td>
                                                        <td style="width: 17%;">待报价</td>
                                                        <td>
                                                            <button type="button" class="btn btn-primary click_btn" data-toggle="modal" data-target="#myModal">报价</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td  style="border: 0; padding-top: 0;" colspan="5">
                                                <table class="table table-bordered text-center order-list">
                                                    <tr>
                                                        <td colspan="5" class="left-text">
                                                            <input type="checkbox" />
                                                            <span>子订单号：111111111111111111111</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 36%; text-align: left;">
                                                            <div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图4"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
                                                                <div class="clear" style="clear: both;"></div>
                                                            </div>
                                                        </td>
                                                        <td style="width: 17%;">1</td>
                                                        <td style="width: 17%;">宁波纺织厂</td>
                                                        <td style="width: 17%;" class="gray">已完成</td>
                                                        <td>
                                                            <div>
                                                                <button type="button" class="btn btn-primary">创建大货订单</button>
                                                            </div>
                                                            <div>
                                                                <a href="#">关闭订单</a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                                <div class="pull-left">
                            		<span style="margin-right: 20px;">
                            			<input type="checkbox" />全选
                            		</span>
                                    <span style="margin-right: 10px;">批量安排工厂</span>
                                    <span>批量报价</span>
                                </div>
                                <div class="pages fr">
                                    <div id="Pagination"></div>
                                    <div class="searchPage">
                                        <span class="page-sum">共<strong class="allPage">15</strong>页</span>
                                        <span class="page-go">跳至<input type="text" class="page-btn">页</span>
                                        <a href="javascript:;" class="page-btn">跳转</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </aside><!-- /.right-side -->

        <!--各种弹框-->
        <div>
            <!--box1-->
            <div class=" r_box box1">
                <div class="form-group">
                    <label class="label_text">面料到期日:</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input class="form-control pull-right reservation" type="text">
                    </div>
                </div>
                <div class="r_radio_warp">
                    <span>是否有首件样</span>
                    <label class="r_radio"><input type="radio" name="r1" class="r1" value="r1" ><span>有</span></label>
                    <label class="r_radio"><input type="radio" name="r1" class="r2" value="r2"><span>无</span></label>
                </div>
                <div class="clearfix r_btn_wrap">
                    <button class="btn btn-primary fl certain">确定</button>
                    <button class="btn btn_white fr cancel">取消</button>
                </div>
            </div>

            <!--box2-->
            <div class=" r_box box2">
                <div class="form-group">
                    <label class="label_text">检查首件样时间</label>
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input class="form-control pull-right reservation" type="text">
                    </div>
                </div>
                <textarea class="r_textarea"></textarea>
                <div class="clearfix r_btn_wrap">
                     <button class="btn btn-primary fl certain">确定</button>
                    <button class="btn btn_white fr cancel">取消</button>
                </div>
            </div>

            <!--box3-->
            <div class=" r_box box3">
                <div class="form-group">
                    <div class="clearfix">
                        <label class="label_text fl">选择计划中查时间段</label>
                        <i class="fa fa-calendar fr" style="font-size: 1.5rem;"></i>
                    </div>
                    <div class="clearfix">
                        <div class="input-group fl" style="width: 45%;">
                            <div class="input-group-addon ">
                                <i class="fa fa-calendar"></i>
                            </div>
                            <input class="form-control pull-right reservation" type="text">
                        </div>
                        <span class="fl" style="line-height: 34px;height: 34px;width: 10%;text-align: center;">至</span>
                        <div class="input-group fl" style="width: 45%">
                            <div class="input-group-addon ">
                                <i class="fa fa-calendar"></i>
                            </div>
                            <input class="form-control pull-right reservation" type="text">
                        </div>
                    </div>

                </div>
                <div class="clearfix r_btn_wrap">
                    <button class="btn btn-primary fl certain">确定</button>
                    <button class="btn btn_white fr cancel">取消</button>
                </div>
            </div>

            <!--box4-->
            <div class=" r_box box4">
                <div>
                    <p class="title">上传尾查调查表</p>
                    <div class="input-group">
                        <input class="form-control" type="text">
                    <span class="input-group-addon" style="position: relative;overflow: hidden;">
                        浏览
                        <input type="file" style="position: absolute;left: 0;top: 0;height: 34px;opacity: 0;">
                    </span>
                    </div>
                </div>
                <div class="r_radio_warp">
                    <span>审核</span>
                    <label class="r_radio"><input type="radio" name="r1" class="r1" value="r1"><span>通过</span></label>
                    <label class="r_radio"><input type="radio" name="r1" class="r2" value="r2"><span>不通过</span></label>
                </div>
                <textarea class="r_textarea" placeholder="备注:"></textarea>
                <div class="clearfix r_btn_wrap">
                    <button class="btn btn-primary fl certain">确定</button>
                    <button class="btn btn_white fr cancel">取消</button>
                </div>
            </div>

            <!--box5-->
            <div class=" r_box box5">
                <div>
                    <label class="r_check">
                        <input type="radio" name="r2" class="r1">
                        <span>发送合格品,次货不发货</span>
                    </label>
                    <label class="r_check">
                        <input type="radio" name="r2" class="r2">
                        <span>先发送合格品,次品修改后再发送</span>
                    </label>
                    <label class="r_check">
                        <input type="radio" name="r2" class="r3">
                        <span>工厂修改次品,全部完成后发货</span>
                    </label>
                </div>
                <div class="clearfix r_btn_wrap">
                    <button class="btn btn-primary fl">确定</button>
                    <button class="btn btn_white fr cancel">取消</button>
                </div>
            </div>

            <!--box6-->
            <div class=" r_box box6">
                <div class="stopWarn" >
                    <h1 class="p_center">确定终止订单?</h1>
                    <p class="p_center">终止订单可能无法在规定时间内给客户交货</p>
                </div>
                <div>
                    <p>终止订单理由</p>
                    <label class="r_check">
                        <input type="radio" name="r2" class="r1">
                        <span>发送合格品,次货不发货</span>
                    </label>
                    <label class="r_check">
                        <input type="radio" name="r2" class="r2">
                        <span>先发送合格品,次品修改后再发送</span>
                    </label>
                    <label class="r_check">
                        <input type="radio" name="r2" class="r3">
                        <span>工厂修改次品,全部完成后发货</span>
                    </label>
                </div>
                <div class="clearfix r_btn_wrap">
                    <button class="btn btn-primary fl certain">确定</button>
                    <button class="btn btn_white fr cancel">取消</button>
                </div>
            </div>

            <!--box7-->
            <div class=" r_box box7">
                <div class="p_center title">
                    填写装箱单
                    <span class="fr holder"><i class="fa fa-times"></i></span>
                </div>
                <div>

                </div>
                <table class="table table-bordered">
                    <tr>
                        <th></th>
                        <th>箱号</th>
                        <th>箱子尺寸</th>
                        <th>毛重</th>
                        <th>净重</th>
                        <th>颜色编码</th>
                        <th>S</th>
                        <th>M</th>
                        <th>L</th>
                        <th>XL</th>
                        <th>合计</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td>1</td>
                        <td>24</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="11" class="clearfix r_number">
                            <span class="fr">合计件数:200件</span>
                            <span class="fr">合计箱数:2箱</span>
                        </td>
                    </tr>
                </table>
                <div class="describe">历史合格品装箱单记录</div>
                <table class="table table-bordered">
                    <tr>
                        <th class="clearfix r_sub_header" colspan="10">
                            <span class="fl">发出日期:2016/10/12</span>
                            <span class="fl">物流公司:圆通快递</span>
                            <span class="fl">物流单号:146461616163</span>
                        </th>
                    </tr>
                    <tr>
                        <th>箱号</th>
                        <th>箱子尺寸</th>
                        <th>毛重</th>
                        <th>净重</th>
                        <th>颜色编码</th>
                        <th>S</th>
                        <th>M</th>
                        <th>L</th>
                        <th>XL</th>
                        <th>合计</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td>1</td>
                        <td>24</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="10" class="clearfix r_number">
                            <span class="fr">合计件数:200件</span>
                            <span class="fr">合计箱数:2箱</span>
                        </td>
                    </tr>
                </table>
                <div class="r_number clearfix">
                    <span class="fr">共件数:1000件</span>
                    <span class="fr">共箱数:10箱</span>
                </div>
                <div class="clearfix r_btn_wrap">
                    <button class="btn btn-primary fl">确定</button>
                    <button class="btn btn_white fl">取消</button>
                </div>
            </div>

            <!--box8-->
            <div class=" r_box box8">
                <button class="btn btn-primary fl certain">补货</button>
                <button class="btn btn_white fr stop ">终止定单</button>
            </div>
    </div>


    </div><!-- ./wrapper -->

    <script type="text/javascript">
        $(function() {
            //Datemask dd/mm/yyyy
            $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
            //Datemask2 mm/dd/yyyy
            $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
            //Money Euro
            $("[data-mask]").inputmask();

            //Date range picker
            $('.reservation').daterangepicker();
            //Date range picker with time picker
            $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
            //Date range as a button
            $('#daterange-btn').daterangepicker(
                    {
                        ranges: {
                            'Today': [moment(), moment()],
                            'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                            'Last 7 Days': [moment().subtract('days', 6), moment()],
                            'Last 30 Days': [moment().subtract('days', 29), moment()],
                            'This Month': [moment().startOf('month'), moment().endOf('month')],
                            'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
                        },
                        startDate: moment().subtract('days', 29),
                        endDate: moment()
                    },
                    function(start, end) {
                        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                    }
            );

            //iCheck for checkbox and radio inputs
            $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                checkboxClass: 'icheckbox_minimal',
                radioClass: 'iradio_minimal'
            });
            //Red color scheme for iCheck
            $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
                checkboxClass: 'icheckbox_minimal-red',
                radioClass: 'iradio_minimal-red'
            });
            //Flat red color scheme for iCheck
            $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
                checkboxClass: 'icheckbox_flat-red',
                radioClass: 'iradio_flat-red'
            });

            //Colorpicker
            $(".my-colorpicker1").colorpicker();
            //color picker with addon
            $(".my-colorpicker2").colorpicker();

            //Timepicker
            $(".timepicker").timepicker({
                showInputs: false
            });



        });
        $(document).ready(function(){
            $(".step1").click(function(){
                $(".box1").show();
            });
            $(".cancel").click(function(){
                $(this).parent().parent().hide();
            });
            $(".box1").find(".certain").click(function(){
                var val=$(".box1 input[type='radio']:checked").val();
                if(val =="r1"){
                        $(".box2").hide();
                        $(".box3").show();
                        $(".box3 .certain").click(function(){
                            $(".box3").hide();
                            $(".box4").show();
                            $(".box4 .certain").click(function(){
                                var val2=$(".box4 input[type='radio']:checked").val();
                                alert(val2)
                                if(val2 =="r2"){
                                    $(".box4").hide();
                                    $(".box8").show();
                                    $(".box8 .certain").click(function(){
                                        $(".box8").hide();
                                        $(".box5").show();
                                    });
                                    $(".box8 .stop").click(function(){
                                        $(".box8").hide();
                                        $(".box6").show();
                                        $(".box6 .certain").click(function(){
                                            $(".box6").hide();
                                        })
                                    })
                                }else{

                                }
                            })
                    })
                }else{
                    $(".box2").show();
                    $(".box1").hide();
                    $(".box2 .certain").click(function(){
                        $(".box2").hide();
                        $(".box3").show();
                        $(".box3 .certain").click(function(){
                            $(".box3").hide();
                            $(".box4").show();
                            $(".box4 .certain").click(function(){
                                var val2=$(".box4 input[type='radio']:checked").val();
                                alert(val2)
                                if(val2 =="r2"){
                                    $(".box4").hide();
                                    $(".box8").show();
                                    $(".box8 .certain").click(function(){
                                        $(".box8").hide();
                                        $(".box5").show();
                                    });
                                    $(".box8 .stop").click(function(){
                                        $(".box8").hide();
                                        $(".box6").show();
                                        $(".box6 .certain").click(function(){
                                            $(".box6").hide();
                                        })
                                    })
                                }else{

                                }
                            })

                        })
                    })
                }
            })

        })
    </script>


<!--分页-->
<script type="text/javascript" src="../js/jquery.pagination.js"></script>


<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

<script type="text/javascript">
    $(document).ready(function() {
        $("#Pagination").pagination("15");

    });
    $(function() {
        //Datemask dd/mm/yyyy
        $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
        //Datemask2 mm/dd/yyyy
        $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
        //Money Euro
        $("[data-mask]").inputmask();

        //Date range picker
        $('.reservation').daterangepicker();
        //Date range picker with time picker
        $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
        //Date range as a button
        $('#daterange-btn').daterangepicker(
                {
                    ranges: {
                        'Today': [moment(), moment()],
                        'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                        'Last 7 Days': [moment().subtract('days', 6), moment()],
                        'Last 30 Days': [moment().subtract('days', 29), moment()],
                        'This Month': [moment().startOf('month'), moment().endOf('month')],
                        'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
                    },
                    startDate: moment().subtract('days', 29),
                    endDate: moment()
                },
                function(start, end) {
                    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                }
        );

        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
            checkboxClass: 'icheckbox_minimal',
            radioClass: 'iradio_minimal'
        });
        //Red color scheme for iCheck
        $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
            checkboxClass: 'icheckbox_minimal-red',
            radioClass: 'iradio_minimal-red'
        });
        //Flat red color scheme for iCheck
        $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
            checkboxClass: 'icheckbox_flat-red',
            radioClass: 'iradio_flat-red'
        });

        //Colorpicker
        $(".my-colorpicker1").colorpicker();
        //color picker with addon
        $(".my-colorpicker2").colorpicker();

        //Timepicker
        $(".timepicker").timepicker({
            showInputs: false
        });
    });
</script>

</body>
</html>
